.system-user-detail {
  position: absolute;
  top: 0;
  width: calc(100% - 180px);
  height: 100%;
  right: 0;
  .el-dialog__wrapper {
    left: 180px;
    .el-dialog {
      max-height: 665px;
      overflow-y: auto;
      width: 840px;
      margin-bottom: 20px;
      .el-dialog__body {
        display: flex;
        max-height: 600px;
        padding: 20px 20px;
        .el-form {
          width: 45%;
          .el-form-item__label {
            width: 100px;
          }
          .el-form-item__error {
            left: 110px;
          }
          .form-title {
            line-height: 30px;
            height: 30px;
            margin-bottom: 20px;
            padding-left: 40px;
            font-style: italic;
            font-size: 18px;
            text-align: center;
          }
          .el-input {
            width: 250px;
            float: right;
            margin-right: 0px;
          }
          .el-select {
            width: 250px;
            float: right;
            margin-right: 60px;
            .el-input {
              width: 250px;
              float: right;
              margin-right: 0px;
            }
          }
          .form-option-button {
            display: flex;
            justify-content: center;
            padding-left: 30px;
            box-sizing: border-box;
            margin-top: 40px;
            .el-button {
              width: 90px;
            }
          }
        }
        .permission-form {
          padding-left: 2.5%;
          margin-left: 2.5%;
          width: 50%;
          border-left: 1px solid #bbbbbb;
          .form-header {
            margin-bottom: 10px;
          }
          .permission-group {
            .el-checkbox-group {
              margin-top: 6px;
              margin-bottom: 16px;
            }
            .el-checkbox {
              min-width: 123px;
              margin-top: 5px;
              margin-right: 10px;
            }
          }
        }
      }
    }
  }
}
